JavaScript élégant : Une introduction moderne à la programmation : De l'isolation des espaces de noms aux systèmes de modules robustes

Dans les premiers développements en JavaScript, Pollution des espaces de noms constituait un obstacle majeur. Lorsque du code non lié partage un ensemble unique de noms de variables globales, des collisions imprévisibles surviennent. La conception moderne passe d'une attitude désordonnée à des systèmes de modules isolés.

1. Isolement fonctionnel (IIFE)

En enveloppant le code dans une Expression de fonction immédiatement appelée (IIFE), nous créons un espace local privé. Les variables telles que noms restent enfermées à l'intérieur de la fonction, et sont inaccessibles depuis l'environnement global.

(function() {
var interne = "secret";
console.log(interne);
})();

2. Interfaces basées sur les objets

Pour fournir une fonctionnalité au monde extérieur, un module retourne un objet agissant comme son interface publique. Cela regroupe les méthodes liées (comme nom et nombre) sous une seule variable globale réutilisée.

3. Le modèle d'exports

Une variation sophistiquée consiste à passer un exports objet dans l'IIFE. Cela permet au module d'attacher directement son API à une cible d'espace de noms spécifique, offrant ainsi une flexibilité quant à la manière dont le module est utilisé.

TERMINALbash — 80x24

> Ready. Click "Run" to execute.

QUESTION 1

What is 'Namespace Pollution' in the context of JavaScript?

Using too many comments in the source code.

Unrelated code having to share a single set of global variable names.

A failure in the garbage collection system.

The inability to use numbers as variable identifiers.

QUESTION 2

Why is an IIFE used to create a module?

To make the code run faster in the browser.

To bypass the 'use strict' requirement.

To create an isolated, private namespace via function scope.

To automatically export variables to the window object.

QUESTION 3

In the 'weekDay' module example, what allows the returned functions to access the 'names' array?

The 'names' array is actually a global variable.

JavaScript Closures.

The 'this' keyword refers to the array.

The array is passed as an argument to each function.

QUESTION 4

What is the primary purpose of returning an object from a module function?

To save memory by grouping variables.

To provide a structured public interface for the module.

To convert the script into an asynchronous process.

To ensure the code is compatible with Internet Explorer.

QUESTION 5

What is passed as an argument in the Exports Pattern: `(function(exports) { ... })(this.weekDay = {});`?

The entire window object.

An empty string.

A reference to a new object assigned to weekDay.

A list of dependency names.